.message {

    & .message-header {
        background-color: gray(74);
        color: white;
        display: flex;
        padding: .5em;
        align-items: center;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;

        & > :first-child {
            flex: 1 0 auto;
        }

        & .delete {
            background-color: gray(54);
        }

    }

    & .message-body {
        background-color: gray(239);
        padding: 1em;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        border: 1px solid gray(200);
    }

    &.is-small {
        font-size: ms(0)rem;
    }

}
